<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<style type="text/css">
			.pic img{
				width: 1000px;
				float: left;
			}
			.pic{
				width: 3000px;
				animation: 10s banner infinite;
			}
			/* infinite定义动画无限执行 */
			.banner{
				width: 1000px;
				overflow: hidden;
			}
			/* 关键帧 */
			@keyframes banner{
				
				0%{
					margin: 0;
				}
				50%{
					margin-left: -1000px;
				}
				100%{
					margin-left: -2000px;
				}
			}
		</style>
		<div class="banner">
			<div class="pic">
				<img src="img/ia_100000157.jpg" >
				<img src="img/ia_100000157.jpg" >
				<img src="img/ia_100000157.jpg" >
			</div>
		</div>
	</body>
</html>
